@charset "UTF-8";
body {
  width: 10.8rem;
  overflow-x: hidden;
}

/* 轮播图 */
header .container {
  width: 10.8rem;
  height: 11.87rem;
  overflow: hidden;
  position: relative;
}
header .container .nav {
  width: 10.8rem;
  height: 1.44rem;
  position: fixed;
  top: 0rem;
  background-color: #c7c7c7;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  opacity: 0.8;
}
header .container .nav span {
  font-size: 0.37rem;
  margin-right: 0.43rem;
  height: 0.6rem;
}
header .container .nav > span:nth-of-type(1) {
  font-weight: bolder;
  color: #fa603d;
  display: flex;
  flex-direction: column;
  align-items: center;
}
header .container .nav > span:nth-of-type(1)::after {
  content: "";
  display: block;
  width: 0.37rem;
  height: 0.06rem;
  background-color: #ff5934;
}
header .container .nav a {
  position: absolute;
  display: flex;
}
header .container .nav a span {
  font-size: 0.72rem;
}
header .container .nav > a:nth-of-type(1) {
  top: 0.29rem;
  left: 0.43rem;
}
header .container .nav > a:nth-of-type(2) {
  top: 0.29rem;
  right: 0.43rem;
}
header .container .pic {
  width: 32.4rem;
  position: absolute;
  left: 0rem;
  display: flex;
  -webkit-animation: slide 6s 1s steps(3, end) infinite;
          animation: slide 6s 1s steps(3, end) infinite;
}
header .container .pic img {
  width: 10.8rem;
  height: 11.87rem;
}

@-webkit-keyframes slide {
  from {
    left: 0rem;
  }
  to {
    left: -32.4rem;
  }
}

@keyframes slide {
  from {
    left: 0rem;
  }
  to {
    left: -32.4rem;
  }
}
/* 价格 */
.price {
  width: 10.8rem;
  height: 2.39rem;
  box-sizing: border-box;
  padding: 0rem 0.46rem;
}
.price > h1 {
  font-size: 0.72rem;
  color: #ff6700;
}
.price > h1 span {
  font-size: 0.35rem;
  text-decoration: line-through;
  color: #777780;
}
.price > .price-more {
  width: 9.82rem;
  height: 1.44rem;
  background-color: #fff2ef;
  display: flex;
  align-items: center;
  padding-left: 0.17rem;
}
.price > .price-more .price-more-left {
  display: flex;
  flex-direction: column;
}
.price > .price-more .price-more-left span {
  font-size: 0.35rem;
  color: #ff5e3b;
  border: 0.03rem solid #ff8265;
}
.price > .price-more .price-more-left > span:nth-child(1) {
  width: 2.45rem;
  height: 0.37rem;
}
.price > .price-more .price-more-left > span:nth-child(2) {
  width: 5.99rem;
  height: 0.37rem;
  margin-top: 0.06rem;
}
.price > .price-more .price-more-right {
  font-size: 0.35rem;
  color: #ff5e3b;
  margin-left: 2.59rem;
}

/* name */
.name {
  height: 0.69rem;
  line-height: 0.69rem;
  font-size: 0.46rem;
  font-weight: bolder;
  padding-left: 0.46rem;
  box-sizing: border-box;
  margin-top: 0.29rem;
}

.explain {
  width: 9.82rem;
  height: 2.94rem;
  margin: auto;
  font-size: 0.35rem;
  margin-top: 0.14rem;
}
.explain h3 {
  margin-top: 0.14rem;
}

/* 福利 */
.welfare {
  font-size: 0.35rem;
  padding-left: 0.46rem;
}
.welfare span {
  background-color: #f0f0f0;
  display: inline-block;
  width: 2.76rem;
  height: 0.58rem;
  border-radius: 0.29rem;
  text-align: center;
  line-height: 0.58rem;
  color: #4a484a;
}

/* 配置 */
.configure {
  width: 10.8rem;
  height: 2.48rem;
  overflow-x: scroll;
  border-top: 0.03rem solid #f7f7f7;
  margin-top: 0.29rem;
}
.configure::-webkit-scrollbar {
  display: none;
}
.configure .configure-item {
  display: flex;
  width: 22.61rem;
}
.configure .configure-item .configure-pic {
  width: 2.51rem;
  height: 2.48rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.configure .configure-item .configure-pic img {
  width: 0.43rem;
  height: 0.43rem;
  margin-top: 0.43rem;
}
.configure .configure-item .configure-pic span {
  font-size: 0.35rem;
}

/* 排行榜 */
.ranking-list {
  width: 10.8rem;
  height: 1.3rem;
  background-color: #fff3eb;
  box-sizing: border-box;
  padding: 0.42rem 0.3rem 0.42rem 0.45rem;
  display: flex;
  align-items: center;
  /* .icon {
      width: 1em;
      height: 1em;
      vertical-align: -0.15em;
      fill: currentColor;
      overflow: hidden;
  } */
}
.ranking-list > span:nth-of-type(1) {
  font-size: 0.4rem;
  font-weight: bolder;
}
.ranking-list h4 {
  font-size: 0.35rem;
  margin-left: 0.58rem;
}
.ranking-list > span:nth-of-type(2) {
  font-size: 0.35rem;
  font-weight: bolder;
  margin-left: 4rem;
  color: #c7c7c7;
}

/* bought */
.bought {
  position: relative;
}
.bought .choice {
  width: 10.8rem;
  height: 1.32rem;
  box-sizing: border-box;
  padding-left: 0.46rem;
  display: flex;
  font-size: 0.35rem;
  font-weight: bolder;
  align-items: center;
  justify-content: center;
}
.bought .choice pre {
  margin-left: 0.58rem;
}
.bought .choice pre a {
  display: inline-block;
  width: 8.96rem;
  height: 1.32rem;
  line-height: 1.32rem;
  border-bottom: 0.03rem solid #f5f5f5;
}
.bought .choice pre a span {
  margin-left: 0.86rem;
  color: #c7c7c7;
}
.bought .carry {
  font-size: 0.35rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10.8rem;
  height: 1.81rem;
  background-color: #ffffff;
  box-sizing: border-box;
  padding-left: 0.4rem;
}
.bought .carry > span {
  font-weight: bolder;
}
.bought .carry a {
  width: 8.96rem;
  height: 1.81rem;
  display: flex;
  line-height: 1.81rem;
  margin-left: 0.58rem;
  position: relative;
}
.bought .carry a .position > span {
  font-size: 0.35rem;
  font-weight: bolder;
}
.bought .carry a .position > span span {
  color: #ff6b4a;
}
.bought .carry a .position h4 {
  font-size: 0.35rem;
  color: #848484;
  position: absolute;
  top: 0.52rem;
  left: 0.43rem;
}
.bought .carry a > span {
  margin-left: 4.55rem;
  color: #c8c8c8;
}
.bought .manage {
  height: 1.07rem;
  width: 10.8rem;
  background-color: #fcfcfc;
  box-sizing: border-box;
  padding-left: 0.46rem;
  display: flex;
  align-items: center;
}
.bought .manage > div {
  display: flex;
  align-items: center;
  margin-right: 0.43rem;
}
.bought .manage > div img {
  width: 0.35rem;
  height: 0.35rem;
}
.bought .manage > div span {
  font-size: 0.35rem;
  color: #8c8c8c;
}
.bought .manage > span {
  font-size: 0.35rem;
  color: #c6c6c6;
  margin-left: 2.02rem;
}
.bought::after {
  content: "";
  display: block;
  position: absolute;
  width: 10.8rem;
  height: 0.29rem;
  background-color: #f6f6f6;
}

/* 推荐套餐 */
.set-meal {
  width: 10.8rem;
  height: 8.35rem;
  box-sizing: border-box;
  padding-left: 0.46rem;
}
.set-meal h1 {
  font-size: 0.46rem;
  height: 1.44rem;
  line-height: 1.44rem;
  margin-top: 0.29rem;
}
.set-meal .product {
  width: 100%;
  height: 4.38rem;
  display: flex;
}
.set-meal .product .product-item-small {
  width: 2.85rem;
  height: 4.38rem;
  box-sizing: border-box;
  padding: 0rem 0.17rem;
  display: flex;
  flex-direction: column;
  border: 0.02rem solid #ebebeb;
  border-radius: 0.14rem;
  font-size: 0.35rem;
  position: relative;
}
.set-meal .product .product-item-small img {
  width: 2.45rem;
  height: 2.45rem;
}
.set-meal .product .product-item-small h2 {
  margin: 0.23rem 0rem;
}
.set-meal .product .sign {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.61rem;
  height: 4.38rem;
}
.set-meal .product .sign > img {
  width: 0.4rem;
  height: 0.4rem;
}
.set-meal .product .product-container {
  height: 100%;
  width: 5.88rem;
  position: relative;
  overflow-x: scroll;
}
.set-meal .product .product-container::-webkit-scrollbar {
  display: none;
}
.set-meal .product .product-container .pic {
  display: flex;
}
.set-meal .product .product-container .pic .product-item-small {
  width: 2.85rem;
  height: 4.38rem;
  box-sizing: border-box;
  padding: 0rem 0.17rem;
  display: flex;
  flex-direction: column;
  border: 0.02rem solid #ebebeb;
  border-radius: 0.14rem;
  font-size: 0.35rem;
  position: relative;
  margin-right: 0.29rem;
}
.set-meal .product .product-container .pic .product-item-small img:nth-of-type(1) {
  width: 2.45rem;
  height: 2.45rem;
}
.set-meal .product .product-container .pic .product-item-small h2 {
  margin: 0.23rem 0rem;
}
.set-meal .product .product-container .pic .product-item-small h4 {
  text-decoration: line-through;
  color: #cccccc;
}
.set-meal .product .product-container .pic .product-item-small img:nth-of-type(2) {
  width: 0.72rem;
  height: 0.72rem;
  position: absolute;
  bottom: 0rem;
  right: 0rem;
}
.set-meal .all-price {
  width: 10.8rem;
  height: 0.58rem;
  box-sizing: border-box;
  padding-left: 0.46rem;
  display: flex;
  justify-content: center;
  margin: 0.4rem 0rem 0.49rem;
}
.set-meal .all-price > span:nth-child(1) {
  font-size: 0.4rem;
  font-weight: bolder;
}
.set-meal .all-price > span:nth-child(2) {
  font-size: 0.46rem;
  font-weight: bolder;
  color: #ff5934;
}
.set-meal .all-price > span:nth-child(3) {
  font-size: 0.35rem;
  color: #a3a3a3;
  text-decoration: line-through;
  display: flex;
  align-items: center;
}
.set-meal .all-price > span:nth-child(4) {
  font-size: 0.35rem;
  color: #a3a3a3;
  display: flex;
  align-items: center;
}
.set-meal button {
  border: none;
  width: 9.88rem;
  height: 0.98rem;
  border-radius: 0.49rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 0.35rem;
  /* margin: auto; */
  background-image: linear-gradient(to right, #ff7d00, #ff5934);
}

/* 回顶部 */
.return-top {
  position: -webkit-sticky;
  position: sticky;
  top: 15.84rem;
  left: 9.79rem;
  z-index: 100;
}
.return-top img {
  width: 1.04rem;
  height: 1.04rem;
}

/* 用户评价 */
.assess {
  width: 10.8rem;
  height: 9.79rem;
  margin-top: -1.04rem;
}
.assess::after {
  content: "";
  display: block;
  width: 10.8rem;
  height: 0.29rem;
  background-color: #f6f6f6;
  margin-top: 0.58rem;
}
.assess .title {
  width: 9.85rem;
  height: 1.07rem;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.assess .title > span:nth-child(1) {
  font-size: 0.4rem;
  font-weight: bolder;
}
.assess .title > span:nth-child(2) {
  font-size: 0.35rem;
  color: #8b8b8b;
}
.assess .classify {
  width: 9.85rem;
  height: 1.81rem;
  display: flex;
  flex-wrap: wrap;
  margin: auto;
}
.assess .classify span {
  width: 1.84rem;
  height: 0.6rem;
  border-radius: 0.29rem;
  background-color: #ffeeea;
  font-size: 0.35rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.29rem;
  margin-top: 0.29rem;
}
.assess .content {
  width: 10.8rem;
  box-sizing: border-box;
  padding-left: 0.46rem;
  overflow-x: scroll;
  margin-top: 0.29rem;
  display: flex;
}
.assess .content::-webkit-scrollbar {
  display: none;
}
.assess .content .content-item {
  width: 8.18rem;
  height: 5.7rem;
  border-radius: 0.23rem;
  border: 0.03rem solid #f2f2f2;
  box-sizing: border-box;
  padding-left: 0.46rem;
  margin-top: 0.29rem;
  margin-right: 0.29rem;
}
.assess .content .content-item .name {
  display: flex;
  padding: 0rem;
  height: 0.95rem;
}
.assess .content .content-item .name .name-pic {
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  overflow: hidden;
}
.assess .content .content-item .name .name-pic img {
  width: 0.95rem;
  height: 0.95rem;
}
.assess .content .content-item .name .date {
  font-size: 0.35rem;
  display: flex;
  flex-direction: column;
  margin-left: 0.29rem;
}
.assess .content .content-item .name .date h1, .assess .content .content-item .name .date h2 {
  height: 0.37rem;
}
.assess .content .content-item .name .date h2 {
  color: #aeaeae;
  display: flex;
  margin-top: 0.06rem;
}
.assess .content .content-item .word {
  font-size: 0.35rem;
  margin-top: 0.58rem;
  color: #aeaeae;
}
.assess .content .content-item .content-item-pic {
  display: flex;
  margin-top: 0.58rem;
}
.assess .content .content-item .content-item-pic > div {
  width: 2.28rem;
  height: 2.28rem;
  border-radius: 0.14rem;
  overflow: hidden;
  margin-right: 0.23rem;
}
.assess .content .content-item .content-item-pic > div img {
  width: 2.28rem;
  height: 2.28rem;
}

/* 米粉点评团 */
.comment {
  width: 10.8rem;
  height: 8.21rem;
  padding-left: 0.23rem;
  box-sizing: border-box;
  margin-top: 0.29rem;
  position: relative;
}
.comment::after {
  content: "";
  display: block;
  width: 10.8rem;
  height: 0.29rem;
  background-color: #f6f6f6;
  margin-top: 0.58rem;
  margin-left: -0.23rem;
}
.comment .title {
  height: 1.47rem;
  width: 10.31rem;
  box-sizing: border-box;
  padding: 0rem 0.23rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bolder;
}
.comment .title span {
  font-size: 0.46rem;
}
.comment .content {
  width: 10.31rem;
  height: 6.13rem;
  overflow-x: scroll;
}
.comment .content::-webkit-scrollbar {
  display: none;
}
.comment .content .container {
  display: flex;
  width: 23.04rem;
}
.comment .content .container .content-item {
  width: 4.06rem;
  height: 6.02rem;
  border-radius: 0.14rem;
  border: 0.03rem solid #f7f7f7;
  overflow: hidden;
  margin-right: 0.23rem;
}
.comment .content .container .content-item > img {
  width: 4.06rem;
  height: 4.06rem;
}
.comment .content .container .content-item h3 {
  font-size: 0.35rem;
  padding-left: 0.23rem;
}
.comment .content .container .content-item > .name {
  display: flex;
  padding-left: 0.23rem;
  align-items: center;
}
.comment .content .container .content-item > .name .pic {
  width: 0.52rem;
  height: 0.52rem;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
}
.comment .content .container .content-item > .name .pic img {
  width: 0.52rem;
  height: 0.52rem;
}
.comment .content .container .content-item > .name > span {
  font-size: 0.35rem;
  color: #c1c1c1;
}
.comment .content .container .content-item > .name > span:nth-of-type(1) {
  margin-left: 0.23rem;
}
.comment .content .container .content-item > .name > span:nth-of-type(2) {
  margin-left: 0.86rem;
}

/* 下面轮播图 */
.slideshow-bottom {
  width: 10.8rem;
  height: 3.02rem;
  background-color: #f6f6f6;
  margin-top: 0.28rem;
}
.slideshow-bottom > .container {
  width: 9.85rem;
  height: 2.71rem;
  border-radius: 0.23rem;
  overflow: hidden;
  margin: auto;
  position: relative;
}
.slideshow-bottom > .container .pic {
  position: absolute;
  left: 0rem;
  width: 29.55rem;
  display: flex;
  -webkit-animation: slide-bottom 6s 1s steps(3, end) infinite;
          animation: slide-bottom 6s 1s steps(3, end) infinite;
}
.slideshow-bottom > .container .pic img {
  width: 9.85rem;
  height: 2.71rem;
}

@-webkit-keyframes slide-bottom {
  from {
    left: 0rem;
  }
  to {
    left: -29.55rem;
  }
}

@keyframes slide-bottom {
  from {
    left: 0rem;
  }
  to {
    left: -29.55rem;
  }
}
/* 商品推荐-爆款推荐 */
.hot {
  width: 10.8rem;
  height: 12.9rem;
}
.hot::after {
  content: "";
  display: block;
  width: 10.8rem;
  height: 0.29rem;
  background-color: #f6f6f6;
  margin-top: 0.58rem;
  margin-left: -0.23rem;
}
.hot .title {
  width: 9.85rem;
  height: 1.18rem;
  margin: auto;
  display: flex;
  justify-content: space-evenly;
  font-size: 0.35rem;
  font-weight: bolder;
  align-items: center;
}
.hot .title > a:nth-child(1) {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #ff6700;
}
.hot .title > a:nth-child(1)::after {
  content: "";
  display: block;
  width: 0.46rem;
  height: 0.06rem;
  background-color: #ff6700;
}
.hot .product {
  width: 9.85rem;
  height: 10.92rem;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.hot .product .product-item {
  width: 3.11rem;
  height: 4.92rem;
}
.hot .product .product-item > div {
  width: 3.11rem;
  height: 3.11rem;
  border-radius: 0.14rem;
  overflow: hidden;
}
.hot .product .product-item > div img {
  width: 3.11rem;
  height: 3.11rem;
  background-color: #f7f7f7;
}
.hot .product .product-item p {
  font-size: 0.35rem;
  font-weight: 700;
  margin-top: 0.23rem;
}
.hot .product .product-item h4 {
  font-size: 0.35rem;
  color: #ff6b07;
  font-weight: bolder;
}
.hot .product .product-item h4 > span:nth-of-type(1) {
  font-weight: normal;
}
.hot .product .product-item h4 > span:nth-of-type(2) {
  font-weight: normal;
  color: #aaaaaa;
  text-decoration: line-through;
}

/* 大图展示 */
.big-pic {
  width: 10.8rem;
}
.big-pic .title {
  width: 10.8rem;
  height: 1.01rem;
  font-size: 0.35rem;
  font-weight: bolder;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.big-pic .title > span {
  color: #ff7759;
}
.big-pic .pic {
  display: flex;
  flex-direction: column;
}
.big-pic .pic img {
  width: 10.8rem;
}

/* 商品推荐 */
.recommend .title {
  width: 10.8rem;
  height: 1.18rem;
  box-sizing: border-box;
  padding-left: 0.46rem;
  font-size: 0.43rem;
  display: flex;
  align-items: center;
}
.recommend .recommend-item .item {
  display: flex;
}
.recommend .recommend-item .item .item-small img {
  width: 5.33rem;
  height: 5.33rem;
}
.recommend .recommend-item .item .item-small h2 {
  font-size: 0.4rem;
  padding-left: 0.37rem;
  box-sizing: border-box;
}
.recommend .recommend-item .item .item-small h3 {
  font-size: 0.37rem;
  color: #ff9a81;
  padding-left: 0.46rem;
  box-sizing: border-box;
}

/* 底部 */
footer {
  width: 10.8rem;
  height: 1.44rem;
  background-color: #ffffff;
  position: fixed;
  bottom: 0rem;
  z-index: 100;
  display: flex;
  align-items: center;
}
footer a {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 0.37rem;
}
footer a img {
  width: 0.55rem;
  height: 0.55rem;
}
footer a span {
  font-size: 0.35rem;
  color: #959595;
}
footer > a:nth-of-type(2) .icon-kefu {
  transform: scale(1.45);
}
footer button {
  width: 3.05rem;
  height: 1.07rem;
  border: none;
  color: white;
}
footer button:nth-of-type(1) {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  background-image: linear-gradient(to right, #fdca00, #fd9b00);
  margin-left: 0.37rem;
}
footer button:nth-of-type(2) {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  background-image: linear-gradient(to right, #ff7210, #fe4000);
}/*# sourceMappingURL=xiaomi11.css.map */